<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title> 
    <link rel="stylesheet" type="text/css" href="css/wea.css"/>
</head>
<body>
        <div class="container">
                <div class="wrapper">
                  <div id="nav">
                           <h5>
                               <button class="login2">
                                   <a href="login.html">返回上一页</a>
                               </button>
                           </h5>
                   </div>
                     
                   <header>
         <div id="ym1">
                         <div class="image-slider">
                          <div class="slide current">
                            <img
                              class="image"
                              src="images/gh.jpg"
                               alt="干旱"
                            />
                            <div class="content">
                              <h1 class="title">干旱</h1>
                              <p class="description">
                              干旱对作物危害程度与其发生的季节、作物的种类、品种、生育期有关。春季干旱影响春播，或造成春播作物缺苗断垄，并影响越冬作物的正常生长。秋旱影响秋作物的产量及越冬作物的播种。伏旱和秋旱都会使土壤的底墒不足而加剧翌年的春旱。我国发生干旱最严重的地区是。甘肃中部、宁夏南部、山西和陕西北部、内蒙古自治区的中西部以及河北省坝上地区等。
                              </p>
                            </div>
                          </div>
                          <div class="slide">
                            <img
                              class="image"
                              src="images/ljf.jpg"
                              alt="龙卷风"
                            />
                            <div class="content">
                              <h1 class="title">龙卷风</h1>
                              <p class="description">
                              龙卷风是不稳定的天气情况下，产生的高速旋转的漏斗状的强风漩涡。虽然除南极洲外的每块大陆都发现有龙卷风，但美国遭受的龙卷风比其他任何国家或地区都多。除此之外，龙卷风在加拿大南部、亚洲中南部和东部、南美洲中东部、非洲南部、欧洲西北部和东南部、澳大利亚西部和东南部以及新西兰等地区皆常有出现。
                              </p>
                            </div>
                          </div>
                          <div class="slide">
                            <img
                              class="image"
                              src="images/hx.jpg"
                              alt="海啸"
                            />
                            <div class="content">
                              <h1 class="title">海啸</h1>
                              <p class="description">
                              海啸，是指由海底地震、火山爆发、海底滑坡或气象变化产生的破坏性海浪。全球有记载的破坏性海啸大约有260次左右，平均大约六、七年发生一次。发生在环太平洋地区的地震海啸就占了约80%。而日本列岛及附近海域的地震又占太平洋地震海啸的60%左右，日本是全球发生地震海啸并且受害最深的国家。
                              </p>
                            </div>
                          </div>
                          <div id="prev"><i class="fas fa-chevron-left"></i></div>
                          <div id="next"><i class="fas fa-chevron-right"></i></div>
                        </div>
                        <div class="shell">
                           <div class="wide"><img src="images/8.jpg"/><span>当前气温</span></div>
                        <div class="tall"><img src="images/2.jpg"/><span>未来几天</span></div>
                        <div class="z"><img src="images/R.gif"/><span>台风近况</span></div>
                        <div class="z"><div id="left" class=""><iframe name="leftiframe" src="http://products.weather.com.cn/sk.html?page=YB&type=TY_FST_ER_24H" width="306px" height="275px"></iframe></div><span>实时降雨预测</span></div>
                        </div>
            </div>
            <div id="ym2">
                           <div class="image-slider">
                                 <div class="slide current">
                                   <img
                                     class="image"
                                     src="images/scb.jpg"
                                      alt="沙尘暴"
                                   />
                                   <div class="content">
                                     <h1 class="title">沙尘暴</h1>
                                     <p class="description">
                                       沙尘暴是指强风将地面尘沙吹起使空气很混浊，水平能见度小于1km的天气现象。沙尘暴是风蚀荒漠化中的一种天气现象，它的形成受自然因素和人类活动因素的共同影响。自然因素包括大风、降水减少及其沙源。人类活动因素是指人类在发展经济过程中对植被的破坏以后，导致沙尘暴爆发频数增加。
                                     </p>
                                   </div>
                                 </div>
                                 <div class="slide">
                                   <img
                                     class="image"
                                     src="images/nsl.jpg"
                                     alt="泥石流"
                                   />
                                   <div class="content">
                                     <h1 class="title">泥石流</h1>
                                     <p class="description">
                                       泥石流的主要危害是冲毁城镇、企事业单位、工厂、矿山、乡村，造成人畜伤亡，破坏房屋及其他工程设施，破坏农作物、林木及耕地。此外，泥石流有时也会淤塞河道，不但阻断航运，还可能引起水灾。泥石流经常发生在峡谷地区和地震火山多发区，在暴雨期具有群发性。
                                     </p>
                                   </div>
                                 </div>
                                 <div class="slide">
                                   <img
                                     class="image"
                                     src="images/hs.jpg"
                                     alt="火山爆发"
                                   />
                                   <div class="content">
                                     <h1 class="title">火山爆发</h1>
                                     <p class="description">
                                          火山爆发是一种自然现象。原因是地球内部的熔融物质在压力作用下喷出。火山种类有活火山、死火山和休眠火山。控制火山活动的方法只有提前预防。
                                     </p>
                                   </div>
                                 </div>
                                 <div id="prev"><i class="fas fa-chevron-left"></i></div>
                                 <div id="next"><i class="fas fa-chevron-right"></i></div>
                               </div>
                               <div class="shell">
                                    <div class="wide"><img src="images/9.jpg"/><span>当前气温</span></div>
                                    <div class="z"><img src="images/dy.gif"/><span>外面天气近况</span></div>
                                    <div class="big">
                                    <ul>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202306/t20230606_5556685.html">基于人工智能的台风监测和预报系统初步建成</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202306/t20230605_5554106.html">为棉花配的“气象科技小院”，里面都有啥?</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202306/t20230605_5553698.html">解读丨大城市气象高质量发展评估报告：以评促建 示范引领 释放动能</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202306/t20230605_5553697.html">中国气象局首次发布大城市气象高质量发展评估报告</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202306/t20230605_5553696.html">大气环境气象公报（2022年）》显示我国大气环境整体呈现向好趋势</a>
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202305/t20230516_5508607.html">风云三号G星首套图发布 展示不同层次降水的三维立体结构</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202306/t20230602_5550912.html">聚焦世界气象大会丨探索人工智能应用潜力 助力全民早期预警倡议</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202306/t20230602_5550901.html">探秘我国雷暴多发地</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202305/t20230531_5543679.html">庆祝全国科技工作者日暨全国创新争先奖表彰大会在京举行</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202305/t20230523_5524603.html">十八部门发文加强新时代中小学科学教育</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202305/t20230531_5542146.html">世界气象大会通过决议 强化冰冻圈观测预测数据交换和服务</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202305/t20230531_5542145.html">聚焦世界气象大会丨将理想化作现实 使人人享有预警</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202305/t20230524_5525944.html">中国气象局全球同化预报系统V4.0版业务运行</a> 
                                        </li>
                                        <li>
                                           <a href="http://www.qxkp.net/zxfw/zxdt/202305/t20230524_5525943.html">气象助力2023“巅峰使命”珠峰科考队员成功登顶</a> 
                                        </li>
                                    </ul>
                            <span>气象科普</span></div>
                            <div class="z"><div id="left" class=""><iframe name="leftiframe" src="http://products.weather.com.cn/yb.html?page=YB&type=YB_JKYB_ZHS" width="306px" height="275px"></iframe></div><span>健康气象预报</span></div>
                            <div class="z"><div id="left" class=""><iframe name="leftiframe" src="http://products.weather.com.cn/yb.html?page=YB&type=YB_JT_24" width="306px" height="275px"></iframe></div><span>交通气象预报</span></div>
                    </div>
         </div>
         <div id="ym3">
                        <div class="image-slider">
                              <div class="slide current">
                                <img
                                  class="image"
                                  src="images/dz.jpg"
                                   alt="地震"
                                />
                                <div class="content">
                                  <h1 class="title">地震</h1>
                                  <p class="description">
                                    地震，是地球内部发生的急剧破裂产生的震波，在一定范围内引起地面振动的现象。表现为在一定时间段内地震活动频繁，强度大，称为地震活跃期；而另一时间段内地震活动相对来讲频率少，强度小，称为地震平静期。
                                  </p>
                                </div>
                              </div>
                              <div class="slide">
                                <img
                                  class="image"
                                  src="images/xb.jpg"
                                  alt="雪崩"
                                />
                                <div class="content">
                                  <h1 class="title">雪崩</h1>
                                  <p class="description">
                                    当山坡积雪内部的内聚力抗拒不了它所受到的重力拉引时，便向下滑动，引起大量雪体崩塌，人们把这种自然现象称作雪崩。造成雪崩的原因主要是山坡积雪太厚。积雪经阳光照射以后，表层雪溶化，雪水渗入积雪和山坡之间，从而使积雪与地面的摩擦力减小；与此同时，积雪层在重力作用下，开始向下滑动。
                                  </p>
                                </div>
                              </div>
                              <div class="slide">
                                <img
                                  class="image"
                                  src="images/bb.jpg"
                                  alt="冰雹"
                                />
                                <div class="content">
                                  <h1 class="title">冰雹</h1>
                                  <p class="description">
                                       冰雹（Hail），也叫“雹”，俗称雹子，是一种天气现象，夏季或春夏之交最为常见。冰雹是一种坚硬的球状、锥状或形状不规则的固态降水。冰雹大多出现在冷暖空气交汇激烈的公历2~5月份，也可能在盛夏强烈而持久的雷暴中降落，雹灾是中国严重的自然灾害之一。
                                  </p>
                                </div>
                              </div>
                              <div id="prev"><i class="fas fa-chevron-left"></i></div>
                              <div id="next"><i class="fas fa-chevron-right"></i></div>
                            </div>
               <div class="shell">
                  <div class="z"><img src="images/1.jpg"/><span>当前气温</span></div>
                  <div class="wide"><img src="images/3.jpg"/><span>下辖地区气温</span></div>
                  <div class="z"><img src="images/xy.gif"/><span>外面天气近况</span></div>
                  <div class="wide"><img src="images/4.jpg"/><span>周边地区气温</span></div>
               </div>
                  </div>

                  </header>
                    <div id="nav">
                            <h5>
                                <button class="login">
                                    <a href="login.html">返回首页</a>
                                </button>
                            </h5>
                    </div>
                </div>
            </div>
         <script src="index.js" type="text/javascript"></script>
</body>         
</html>